<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="list">
                <div class="head">
                    <div class="title">Wednesday</div>
                    <div class="subtitle">October 16, 2024</div>
                </div>
                <ul>
                    <li>
                        <input type="checkbox" name="item-1" id="item-1" />
                        <label for="item-1" class="text">Create a list</label>
                        <label for="item-1" class="button"></label>
                        <svg class="checkmark" width="15px" height="10px">
                            <polyline points="1,5 6,9 14,1" />
                        </svg>
                    </li>
                    <li>
                        <input type="checkbox" name="item-2" id="item-2" />
                        <label for="item-2" class="text"
                            >Complete first task</label
                        >
                        <label for="item-2" class="button"></label>
                        <svg class="checkmark" width="15px" height="10px">
                            <polyline points="1,5 6,9 14,1" />
                        </svg>
                    </li>
                    <li>
                        <input type="checkbox" name="item-3" id="item-3" />
                        <label for="item-3" class="text"
                            >Write some CSS code</label
                        >
                        <label for="item-3" class="button"></label>
                        <svg class="checkmark" width="15px" height="10px">
                            <polyline points="1,5 6,9 14,1" />
                        </svg>
                    </li>
                    <li>
                        <input type="checkbox" name="item-4" id="item-4" />
                        <label for="item-4" class="text">Amaze the world</label>
                        <label for="item-4" class="button"></label>
                        <svg class="checkmark" width="15px" height="10px">
                            <polyline points="1,5 6,9 14,1" />
                        </svg>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>
